<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=\, initial-scale=1.0">
    <title>Document</title>
    <script src="./jquery3.3.1.js"></script>
</head>
<body>
    <div id="box" style="width: 50px;height: 50px;background-color: red;">
    </div>
    <script>
    //     var obox=document.getElementById('box');
    //     // alert(window.getComputedStyle(obox,"height"))
    //     function getStyle(obj,name){
    //         if(window.getComputedStyle){
    //             return window.getComputedStyle(obj,true)[name];
    //         }else{
    //             return obj.currentStyle[name]
    //         }
    //     }
    //    alert(getStyle(obox,'height')) 

    // .css(name) 写一个值,获取属性带有px单温 简单的读取操作
    // alert($("#box").css("height"));

    // .css(name,val) 写2个值
    $("#box").css("height",1000);
    </script>
</body>
</html>